import React,{ PropTypes,Component } from 'react'
import { IndexLink,Link } from 'react-router'
import navStyes from './nav.scss'

class Nav extends Component {

    render (){
        return (
            <div className='s-nav'>
                <div className='nav-icon'>
                    <Link to='/' activeClassName={navStyes.activeRoute}>
                        <i className='pi-icon pi-icon-border pi-icon-chart'></i>
                        <p>page1</p>
                    </Link>
                </div>
                <div className='nav-icon'>
                    <Link to='/discover' activeClassName={navStyes.activeRoute}>
                        <i className='pi-icon pi-icon-border pi-icon-preview'></i>
                        <p>page2</p>
                    </Link>
                </div>
                <div className='nav-icon'>
                    <Link to='/dialogue' activeClassName={navStyes.activeRoute}>
                        <i className='pi-icon pi-icon-border pi-icon-robot'></i>
                        <p>page3</p>
                    </Link>
                </div>
            </div>
        )
    }
}
export default Nav
